<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>WFE: Workforce Employer</title>
	
	<link rel="stylesheet" type="text/css" media="only screen and (min-width: 481px), only screen and (min-device-width: 481px)" href="styles-default.css" />
    <link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="styles-mobile.css" />
    
    <link rel="stylesheet" type="text/css" href="form-validator/fv.css" />
    <link rel="stylesheet" type="text/css" href="form-tooltip/css/custom-theme/jquery-ui-1.10.3.custom.css">

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="form-validator/validator.js"></script>
    <script src="form-save/jquery.formSavior.min.js"></script>

	<script src="form-tooltip/development-bundle/ui/jquery.ui.core.js"></script>
	<script src="form-tooltip/development-bundle/ui/jquery.ui.widget.js"></script>
	<script src="form-tooltip/development-bundle/ui/jquery.ui.position.js"></script>
	<script src="form-tooltip/development-bundle/ui/jquery.ui.tooltip.js"></script>
	
	<script>
	$(document).ready(function() {
		$( document ).tooltip({
			track: true
		});

		$("#login-form").formSavior({
			'msg' : 'Login form has not been submitted.'
		});
	});
	</script>
	    
</head>

<body>

	<header>
    	<?php require_once('content-header.php'); ?>
        <?php require_once('nav-header_help.php'); ?>
    </header>
        
    <div id="page-content">
    
    	<br/>
    
    	<h1>Existing employees and applicants.</h1>
        
        <p>The WFE &#8482; portal allows you complete your saved employment application form or if you are an existing employee you can manage the WFE information for yourself or your employees.</p>
            
    	<div class="content-container bgeffect">
        	<div class="content-title content-title-teal">
            	Please login.
            </div><!-- #content-title -->
              <p>Enter your email address and password to access Workforce Employer.&#8482;</p>
              <form id="login-form" action="#" method="post" novalidate class="fs_noprompt1">
                  <div class="item"><label><span class="label-required">Email Address</span><input name="login_email" type="email" maxlength="255" required autocomplete="off" placeholder="someone@domain.com" spellcheck="false" data-validate-length-range="1,255"></label></div>
                  
                  <div class="item"><label><span class="label-required">Password</span><input name="login_password" type="password" maxlength="20" required autocomplete="off" placeholder="&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;" data-validate-length-range="8,20"></label></div>
                                    
                  <div><input name="do_login" type="submit" value="Login"></div>
                  
                  <br/><div class="small-text bold-text"><label><input name="login_remember" type="checkbox" value="Yes">&nbsp;&nbsp;Remember my login information?</label></div>
              </form>
              
              <a class="bold-text blue-text" href="employee-recoverlogin.php" title="Goto: Recover login information" target="_self"><p>I don't know my email address or password.</p></a>
        </div><!-- #content-container -->
    
    </div><!-- #page-content -->
    
	<script>
		// validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
		$('form')
			.on('blur', 'input[required], input.optional, select.required', validator.checkField)
			.on('change', 'select.required', validator.checkField)
			.on('keypress', 'input[required][pattern]', validator.keypress);
			
		$('.multi.required')
			.on('keyup blur', 'input', function(){ 
				validator.checkField.apply( $(this).siblings().last()[0] );
			});
		
		// bind the validation to the form submit event
		//$('#send').click('submit');//.prop('disabled', true);
		
		$('form').submit(function(e){
			e.preventDefault();
			var submit = true;
			// evaluate the form using generic validaing
			if( !validator.checkAll( $(this) ) ){
				submit = false;
			}

			if( submit )
				this.submit();
			return false;
		});
	</script>
    
    <footer>
    	<?php require_once('content-footer.php'); ?>
    </footer>

</body>

</html>